<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>民兵团【清风椰林湾】</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<div class="mask"></div>
		<!--顶部-->
		<div class="txt-oparate row">
			<a href="#">取消</a>
			<a href="#" class="public">提交</a>
		</div>
		<!--顶部-->
		<!--内容-->
		<form class="container pt2">
			<div class="policybox">
				<ul>
					<li class="row">
						<label>公司类型</label>
						<a href="#" class="row company" onclick="state(this,1)">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>公司名称</label>
						<a href="company.html" class="row">
							<input type="text" disabled="disabled" placeholder="请填写"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>职业类型</label>
						<a href="#" class="row job" onclick="state(this,2)">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>证明图片</label>
						<a href="prove_pic.html" class="row provebox">
							<span>请上传名片或身份证等能证明身份的图片</span>
							<div class="prove"><img src="../../img/gugu.jpg"/></div>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<p class="need">以上资料为公开个人分销圈时的审核需要</p>
		</form>
		<!--内容-->
		<!--房屋类型-->
		<div class="same agent-type hide" id="1">
			<ul>
				<li class="row" onclick="clickA(this,1)"><span>开发商</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>渠道商</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>分销商</span><i class="iconfont"></i></li>
			</ul>
		</div>
		<!--装修-->
		<div class="same agent-type hide" id="2">
			<ul>
				<li class="row" onclick="clickA(this,2)"><span>渠道</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,2)"><span>置业顾问</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,2)"><span>经纪人</span><i class="iconfont"></i></li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			//选择代理类型
			var txt;
			function state(e,id){
				$('#'+id).slideDown();
				$('.mask').fadeIn();
			}
			function clickA(e,id){
				$('.same ul li').removeClass('active');
				$('.same ul li').find('i').removeClass('icon-dagou');
				$(e).find('i').addClass('icon-dagou');
				$(e).addClass('active');
				txt = $(e).find('span').html();
				setTimeout(function(){
					$(e).parents('.agent-type').slideUp();
					$('.mask').fadeOut();
					if(id == 1){
						$('.company').find('input').val(txt);
					} else {
						$('.job').find('input').val(txt);
					}
					
				},500)
			}
		</script>
	</body>

</html>